<template>
  <div class="content">
    <div v-for="(item,index) in itemList" :key="index" class="main">
      <el-card :body-style="{ padding: '16px' }">
        <img :src='item.attach_url' class="image" style="width:220px;height:100px" @click="GoDetail">
        <div>
          <el-link :underline="false" @click="GoDetail(item)">{{item.orgname}}</el-link>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  name: 'IndustryTp',
  props:[
    'itemList',
  ],
  data() {
    return{
      src: require('../../assets/tempag.jpg'),
      name: '武汉大学',
    }
  },
  created() {
    // console.log(this.itemList);
  },
  methods: {
    GoDetail(item){
      this.$router.push({
        path: 'IndustryDetailTp',
        query: {
          item: JSON.stringify(item),
        }
      });
    },
  }
}
</script>

<style scoped>
.content{
  display: flex;
}
.main{
  width: 26%;
  margin: 14px;
}
</style>